<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分享产品</title>
		<link rel="stylesheet" href="../libs/mui/mui.css" />
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css" />
		<style>
			.mui-table-view-cell img{max-width: 100px;height: 100px;margin-top: 30px;}
			.bbs-pulish-img{text-align: center;}
			.btn .mui-btn {
				padding: 8px;
				width: 90%;
				margin: 11px auto;
				background-color: #1C71F0;
				color: white;
				top: 15px;
				background:#139f13;
				border-color: #139f13;
				border-radius: 50px;
			}
			.btn .mui-btn:nth-child(2){background: #ffffff;color:#139f13;}
		</style>
	</head>
	<body> 
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<span>登录注册</span>
			</a>
		</header>
		<div class="mui-content">
			<div>
				<div class="mui-table-view-cell">
					<div class="bbs-pulish-img">
						<img src="../public/img/1.png" />
					</div>
					<div class="mui-text-center" style="margin-top: 1.5em;">欢迎来到电子阅读</div>
				</div>
			</div>
			<div class="btn">
				<button type="button" class="mui-btn mui-btn-block" onclick="openNewPage('login.html')">登录</button>
				<button type="button" class="mui-btn mui-btn-block" onclick="openNewPage('regist.html')">注册</button>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/mui.js" ></script>
	<script type="text/javascript" src="../js/open.js" ></script>
	<script type="text/ecmascript" src="../libs/jquery/jquery.js"></script>
	
	<script>
		mui.init();
		mui.plusReady(function() {
			plus.navigator.setStatusBarBackground('#3385FF'); //设置状态栏背景色
			plus.webview.currentWebview().setStyle({
				scrollIndicator: 'none'
			}); //关闭滑动条显示	
		
			//处理逻辑：1秒内，连续两次按返回键，则退出应用；
			var first = null;
			var showMenu = null;
			mui.back = function() {
				if (showMenu) {
					closeMenu();
				} else {
					//首次按键，提示‘再按一次退出应用’
					if (!first) {
						first = new Date().getTime();
						mui.toast('再按一次退出应用');
						setTimeout(function() {
							first = null;
						}, 1000);
					} else {
						if (new Date().getTime() - first < 1000) {
							plus.runtime.quit();
						}
					}
				}
			};
		})
	</script>
</html>
